<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>个人中心</title>
	<link rel="stylesheet" href="../style/default.css">
	<link rel="stylesheet" href="../style/ma_attention.css"/>
	<link rel="stylesheet" href="../style/person.css"/>
	<link rel="stylesheet" href="../style/public.css"/>
</head>
<body>
	<div class="public_nav">
	    <div class="bx nav">
	        <ul class="right_nav">
	            <li>
	                <a href="javascript:;">我的美妆</a>
	                <span>|</span>
	            </li>
	            <li>
	                <div class="pinpai">
	                    <a class="btn" href="javascript:;">关注品牌 </a>
	                    <span>|</span>
	                    <div class="two_ji_nav">
	                        <div class="two_nav_one">
	                            <a href="javascript:;">科颜氏</a>
	                            <a href="javascript:;">雪花秀</a>
	                            <a href="javascript:;">香奈儿</a>
	                        </div>
	                        <div class="two_nav_two">
	                            <a href="javascript:;">奥比虹</a>
	                            <a href="javascript:;">希思黎</a>
	                            <a href="javascript:;">奥迪</a>
	                        </div>
	                    </div>
	                </div> 
	            </li>
	            <li>
	                <a href="javascript:;">购物车</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">收藏夹</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">商家入驻</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">帮助中心</a>
	                <span>|</span>
	            </li>
	        </ul>
	        <div class="left_nav">
	            <span>您好 欢迎来到美妆商城！</span>
	            <div class="not_sgin">
					<a id="sgin" href="javascript:;">请登录</a>
					<a id="register" href="javascript:;">免费注册</a>
				</div>
				<div class="sgin_after">
					<a id="sgin_after" href="javascript:;"></a>
				</div>
	        </div>
	    </div>
	</div>
	<div class="header cf">
		<div class="had bx">
			<div class="logo">
	            <a href="javascript:;">
	                <img src="../images/public_img/jd_logo.png" alt="">
	            </a>
	        </div>
			<div class="lg">
				<div class="lg_cent">
					<input type="text"  />
					<div>请输入关键字</div>
					<a href="javascript:;"><i></i></a>
				</div>
			</div>
			<div class="gzh cf">
				<p>关注微信</p>
				<div class="ewm"><img src="../images/public_img/jd.png" ></div>
			</div>
		</div>
	</div>
	<div class="navitems">
	    <div class="nav_cont bx">
	        <a class="category" href="javascript:;">
	            <i></i>
	            <span>所有产品类别</span>
	        </a>
	        <a class="home_page gg_one" href="javascript:;">首页</a>
	        <a class="direct_sale gg_one" href="javascript:;">官方直售</a>
	        <a class="vip gg_one " href="javascript:;">会员专享</a>
	        <a class="special_counter gg_one" href="javascript:;">线上专柜</a>
	    </div>
	</div>
	
	
	<div class="cont bx cf">
		<h1><span>个人中心</span></h1>
		<div class="cont_nav cf">
			<ul>
				<li class="on" value="user_data">我的资料</li>
				<li value="user_address">我的收货地址</li>
				<li value="user_order">我的订单</li>
			</ul>
		</div>
		<div class="cont_content">
			<p id="title_p">我的资料</p>
			<div class="user_infor cf">
				<div class="user_head cf">
					<div class="head_img">
						<input type="file" id="file" />
						<img src="" >
						<div class="hover">
							<i></i>
							<p>修改头像</p>
						</div>
					</div>
					<button type="button" id="btn">上传</button>
				</div>
				<div class="userdescribe cf">
					<p class="user_nickname"></p>
					<p class="user_id"></p>
					<p class="user_email" style="margin: 0;"></p>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="bottom_nav">
	    <div class="bx clear">
	            <ul class="shopping_directory float nav_margin">
	                <li class="nav_header">购物指南</li>
	                <li><a href="javascript:;">新手指南</a></li>
	                <li><a href="javascript:;">常见问题</a></li>
	                <li><a href="javascript:;">帮助中心</a></li>
	                <li><a href="javascript:;">用户协议</a></li>
	            </ul>
	            <ul class="about_us float nav_margin">
	                <li class="nav_header">关于我们</li>
	                <li><a href="javascript:;">关于我们</a></li>
	                <li><a href="javascript:;">加入我们</a></li>
	                <li><a href="javascript:;">联系我们</a></li>
	            </ul>
	            <ul class="payment_method float nav_margin">
	                <li class="nav_header">支付方式</li>
	                <li><a href="javascript:;">快捷方式</a></li>
	                <li><a href="javascript:;">信用卡</a></li>
	                <li><a href="javascript:;">货到支付</a></li>
	            </ul>
	            <ul class="merchant_services float nav_margin">
	                <li class="nav_header">商家服务</li>
	                <li><a href="javascript:;">商家入驻</a></li>
	                <li><a href="javascript:;">商家中心</a></li>
	                <li><a href="javascript:;">物流服务</a></li>
	            </ul>
	            <div class="float follow">
	                <p>关注微信</p>
	                <a href="javascript:;">
	                    <img src="../images/public_img/jd.png" alt="">
	                </a>
	            </div>
	    </div>
	</div>
	<div class="copyright">
	    <div class="copyright_content">
	        <div class="copyright_nav">
	            <a href="javascript:;">天猫</a>
	            <span>|</span>
	            <a href="javascript:;">京东</a>
	            <span>|</span>
	            <a href="javascript:;">YunOs</a>
	            <span>|</span>
	            <a href="javascript:;">阿里通信</a>
	            <span>|</span>
	            <a href="javascript:;">万网</a>
	            <span>|</span>
	            <a href="javascript:;">高德</a>
	            <span>|</span>
	            <a href="javascript:;">友视</a>
	            <span>|</span>
	            <a href="javascript:;">友盟</a>
	            <span>|</span>
	            <a href="javascript:;">虾米</a>
	            <span>|</span>
	            <a href="javascript:;">天天动听</a>
	        </div>
	        <div class="copyright_disorder">
	            Copyright © 2008-2016 vip.com，All Rights Reserved 
	            <a class="hao" href="javascript:;">粤ICP备08114786号</a> 
	        </div>
	        <div class="makeup">
	            <a href="javascript:;">版权所有</a>
	            <a href="javascript:;">美妆商城</a>
	        </div>
	    </div>
	</div>
</body>
<script src="../scripts/jquery.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="../scripts/public.js"></script>
<script src="../scripts/cookie.js"></script>
<script src="../scripts/qiniu.min.js"></script>
<script src="../scripts/person.js"></script>
</html>